<html style="height: 100%;"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Navigation Page - 此题无解</title>

<meta name="description" content="TODO">
<meta name="author" content="TODO">

<style>
.componentContainer {
    position: absolute;
    line-height: normal;
    /*-webkit-transform-origin: 135% 135%;
    -moz-transform-origin: 135% 135%;
    transform-origin: 135% 135%;*/
}

.transformContainer {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}

.bg {
    width: 100%;
    height: 100%;
}
</style>

<link rel="stylesheet" href="source/default-reset.css">
<link href="source/main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="source/default.css" id="theme">
<link href="source/web-fonts.css" rel="stylesheet" type="text/css">
<link href="source/backgroundClasses.css" rel="stylesheet" type="text/css">
<link href="source/surfaceClasses.css" rel="stylesheet" type="text/css">

<link rel="shortcut icon" href="http://192.168.0.108/preview_export/favicon.png" type="image/png">
<link rel="apple-touch-icon" href="http://192.168.0.108/preview_export/apple-touch-icon.png" type="image/png">

<style>
.reveal.themedArea {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
}
</style>

<script type="text/javascript" src="source/dataset-shim.js"></script>
<script type="text/javascript" src="source/impress.js"></script>

<script src="source/onready.js"></script>
<script src="source/loadPresentation.js"></script>
<script>
ready(function() {
    if (document.getElementById('launched-placeholder'))
        loadPresentation();

    if (!window.presStarted) {
        startPres(document, window);
        impress().init();   
    }

    if ("ontouchstart" in document.documentElement) { 
        document.querySelector(".hint").innerHTML = 
            "<p>Tap on the left or right to navigate</p>";
    }
});
</script>
</head>
<body style="height: 100%; overflow: hidden;" class="impress-supported impress-enabled">


<style type="text/css">

</style>
<style>

</style>
<style>



	
		
		
	

	
		
		
	

	
		
		
	

	
		
		
	

	
		
		
	

</style>
<!-- This is a work around / hack to get the user's browser to download the fonts 
 if they decide to save the presentation. -->
<div style="visibility: hidden; width: 0px; height: 0px">
<img src="source/Lato-Bold.woff">
<img src="source/HammersmithOne.woff">
<img src="source/Droid-Sans-Mono.woff">
<img src="source/Gorditas-Regular.woff">
<img src="source/FredokaOne-Regular.woff">
<img src="source/Ubuntu.woff">
<img src="source/Ubuntu-Bold.woff">
<img src="source/PressStart2P-Regular.woff">
<img src="source/Lato-BoldItalic.woff">
<img src="source/AbrilFatface-Regular.woff">
<img src="source/Lato-Regular.woff">
</div>

<div class="fallback-message">
    <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
    <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>

<div class="bg  strut-surface">
<div class="bg innerBg strut-slide-0">
<div style="position: absolute; transform-origin: left top 0px; transition: all 0ms ease-in-out 0ms; transform-style: preserve-3d; top: 50%; left: 50%; transform: perspective(1319.59px) scale(0.757813);" id="impress"><div style="position: absolute; transform-origin: left top 0px; transition: all 0ms ease-in-out 0ms; transform-style: preserve-3d; transform: rotateZ(0deg) rotateY(-90.5273deg) rotateX(0deg) translate3d(-6840.32px, -2964.48px, 0px);">
	
		
			<div style="position: absolute; transform: translate(-50%, -50%) translate3d(6840.32px, 2964.48px, 0px) rotateX(0deg) rotateY(90.5273deg) rotateZ(0deg) scale(1); transform-style: preserve-3d;" id="step-1" class="step active present" data-state="strut-slide-0" data-x="6840.32" data-y="2964.48" data-rotate-y="90.52733163067008" data-scale="1">
			<div class=" slideContainer strut-slide-0" style="width: 1024px; height: 768px;">
			<div class="themedArea">
			
			</div>
			
			
<div class="componentContainer " style="top: 114px; left: 147px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: px; height: px;">
<div class="transformContainer" style="-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1)">
<div style="font-size: 72px;" class="antialias">
<b>Welcome</b> My WebSite!<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; I'm <font color="#eeeeee"><font face="'Ubuntu', sans-serif">此题</font>无解</font><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 I am invisible <br>
</div>
</div>
</div>

			
			</div>
		
		</div>
	
		
			<div style="position: absolute; transform: translate(-50%, -50%) translate3d(7618.56px, 5836.8px, 0px) rotateX(0deg) rotateY(359.818deg) rotateZ(-33.2316deg) scale(3); transform-style: preserve-3d;" id="step-2" class="step future" data-state="strut-slide-1" data-x="7618.56" data-y="5836.8" data-rotate-y="359.81749534215703" data-rotate-z="-33.231552117587746" data-scale="3">
			<div class=" slideContainer strut-slide-1" style="width: 1024px; height: 768px;">
			<div class="themedArea">
			
			</div>
			
			
<div class="componentContainer " style="top: 63px; left: 341px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: px; height: px;">
<div class="transformContainer" style="-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1)">
<div style="font-size: 72px;" class="antialias">
Navigation
</div>
</div>
</div>

			
			
<div class="componentContainer " style="top: 61px; left: 218px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: 100px; height: 100px;">
<div class="transformContainer" style="-webkit-transform: scale(, );
-moz-transform: scale(, );
transform: scale(, )">
<svg fill="#601616" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 466 466" preserveAspectRatio="none"><circle cx="233" cy="233" r="231"></circle><path d="M 233,459 a 226 226 0 0 1 0,-452 a 113 113 0 0 1 0,226 z" fill="#fff"></path><circle cx="233" cy="346" r="113"></circle><circle cx="233" cy="120" r="30"></circle><circle cx="233" cy="346" r="30" fill="#fff"></circle></svg>
</div>
</div>

			
			
<div class="componentContainer " style="top: 168px; left: 163px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: 675px; height: 540px;">
<div class="transformContainer" style="-webkit-transform: scale(0.7, 0.7);
-moz-transform: scale(0.7, 0.7);
transform: scale(0.7, 0.7)">
<iframe src="./navigation.html" height="768" width="960"></iframe>
</div>
</div>

			
			</div>
		
		</div>
	
		
			<div style="position: absolute; transform: translate(-50%, -50%) translate3d(4000.43px, 5867.52px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(36.6693deg) scale(3); transform-style: preserve-3d;" id="step-3" class="step future" data-state="strut-slide-2" data-x="4000.4266666666667" data-y="5867.52" data-rotate-z="36.66929888837269" data-scale="3">
			<div class=" slideContainer strut-slide-2" style="width: 1024px; height: 768px;">
			<div class="themedArea">
			
			</div>
			
			
<div class="componentContainer " style="top: 57px; left: 299px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: px; height: px;">
<div class="transformContainer" style="-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1)">
<div style="font-size: 72px;" class="antialias">
Mongo&nbsp; SGK<br>
</div>
</div>
</div>

			
			
<div class="componentContainer " style="top: 157px; left: 174px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: 709px; height: 567.2px;">
<div class="transformContainer" style="-webkit-transform: scale(0.74, 0.74);
-moz-transform: scale(0.74, 0.74);
transform: scale(0.74, 0.74)">
<iframe src="./sgk.html" height="768" width="960"></iframe>
</div>
</div>

			
			</div>
		
		</div>
	
		
			<div style="position: absolute; transform: translate(-50%, -50%) translate3d(5816.32px, 5376px, 1px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(4); transform-style: preserve-3d;" id="step-4" class="step future" data-state="strut-slide-3" data-x="5816.32" data-y="5376" data-z="1" data-scale="4">
			<div class=" slideContainer strut-slide-3" style="width: 1024px; height: 768px;">
			<div class="themedArea">
			
			</div>
			
			
<div class="componentContainer " style="top: 62px; left: 324px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: px; height: px;">
<div class="transformContainer" style="-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1)">
<div style="font-size: 72px;" class="antialias">
Dictionary<br>
</div>
</div>
</div>

			
			
<div class="componentContainer " style="top: 155px; left: 158px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: 724px; height: 579.2px;">
<div class="transformContainer" style="-webkit-transform: scale(0.75, 0.75);
-moz-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75)">
<iframe src="./dictionary.html" height="768" width="960"></iframe>
</div>
</div>

			
			</div>
		
		</div>
	
		
			<div style="position: absolute; transform: translate(-50%, -50%) translate3d(3768.32px, 2749.44px, 0px) rotateX(0deg) rotateY(0.572958deg) rotateZ(134.072deg) scale(3); transform-style: preserve-3d;" id="step-5" class="step future" data-state="strut-slide-4" data-x="3768.32" data-y="2749.44" data-rotate-y="0.5729577951308232" data-rotate-z="134.07212406061262" data-scale="3">
			<div class=" slideContainer strut-slide-4" style="width: 1024px; height: 768px;">
			<div class="themedArea">
			
			</div>
			
			
<div class="componentContainer " style="top: 69px; left: 322px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: px; height: px;">
<div class="transformContainer" style="-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1)">
<div style="font-size: 72px;" class="antialias">
<font color="#1b1414">Document<br></font>
</div>
</div>
</div>

			
			
<div class="componentContainer " style="top: 145px; left: 167px; -webkit-transform:   ; -moz-transform:   ; transform:   ; width: 719px; height: 575.2px;">
<div class="transformContainer" style="-webkit-transform: scale(0.75, 0.75);
-moz-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75)">
<iframe src="./document.html" height="768" width="960"></iframe>
</div>
</div>

			
			</div>
		
		</div>
	
	<div style="position: absolute; transform: translate(-50%, -50%) translate3d(5693.44px, 4308.48px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(9); transform-style: preserve-3d;" id="overview" class="step future" data-state="strut-slide-overview" data-x="5693.44" data-y="4308.48" data-scale="9"></div>
	
</div></div>
<div class="hint">
    <p>使用空格或箭头来查看更多内容</p>
</div>
</div>
</div></body></html>